// //文本超出部分以...形式展示
// text-overflow: -o-ellipsis-lastline;
// //整体超出部分隐藏
// overflow: hidden;
// //文本超出部分以...形式展示，同第一行样式代码
// text-overflow: ellipsis;
// //display 块级元素展示
// display: -webkit-box;
// //设置文本行数为2行
// -webkit-line-clamp: 6;
// //设置文本行数为2行
// line-clamp: 6;
// //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
// -webkit-box-orient: vertical;

$zh: #0046B4;

$sh: #0f0000;

$bh: #FBFEFF;

$dh: #F6F6F6;

$fh: #3B64FD;
$fh90: #F5F5F5;

.two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  // 下面这句用来控制行数
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.art-view .two-line {
  height: 4.3vh;
}

.en .art-view .two-line {
  height: 4.6vh;
}

.bg-half {
  min-height: 70%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  background: linear-gradient(180deg, rgba(15, 0, 0, 0) 0%, rgba(15, 0, 0, 0.6) 100%);
}

.one-height {
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}

.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  // 下面这句用来控制行数
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

// 自适应function配置
@function fw($argus, $mentods) {
  @if ($mentods=='pc') {
    @return ($argus / 1920) * 100;
  } @else if ($mentods=='h5') {
    @return ($argus / 375) * 100;
  }
}

@function fh($argus, $mentods) {
  @if ($mentods=='pc') {
    @return ($argus / 960) * 100;
  } @else if ($mentods=='h5') {
    @return ($argus / 767) * 100;
  }
}

// 自适应的使用方法
// div{
// 	width: fw(50vw, 'pc');
// 	height: fh(50vh, 'pc');
// 	padding: fh(5vh, 'pc') fw(5vw, 'pc');
// }


.scale-view {
  &:hover {
    cursor: pointer;
    overflow: hidden;

    img {
      transition: transform 500ms;
      transform: scale(1.2);
    }
  }
}
